<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有声相册</title>
</head>
<body>
    <div>
       <h1>有声相册</h1> 
       <hr>
       <a href="#meinv">美女</a>
       <a href="#xingnan">型男</a>
       <a href="#kexuejia">科学家</a>
       <a href="#qiyejia">企业家</a>

    </div>
        <div>
            <h2 id="meinv">美女</h2>
            <p>善鼓云和瑟，常闻帝子灵。</p>
            <P>冯夷空自舞，楚客不堪听。</P>
            <p>苦调凄金石，清音入杳冥。</p>
            <p>苍梧来怨慕，白芷动芳馨。</p>
            <p>流水传潇浦，悲风过洞庭。</p>
            <p>曲终人不见，江上数峰青。</p>
            <br>
            <a href="./sing.html" target="blank"><img title="ui"src="./iu.jpeg" alt="" width="150px">
                <a href="./shiping.mp4" target="blank"><img title="iu"src="./iu.webp" alt="" width="150px">
                 <a href="./JJY.mp4" target="blank"><img src="./meinv.webp" alt="" width="150px">   
        </div>
        <div>
            <h2 id="xingnan">型男</h2>
            <a href="./吃个taotao.mp4" target="blank"><img src="./CGTTHLL.webp" alt="" width="200px">
        </div>
        <div>
            <h2 id="kexuejia">科学家</h2>
            <a href="./袁隆平.mp4" target="blank"> <img src="./yuanlongping.webp" alt="" width="250px">
        </div>
        <div>
            <h2 id="qiyejia">企业家</h2>
            <a href="./马云.mp4" target="blank"><img src="./mayun.webp" alt="" width="250px">
        </div>
    </div>
    <div>
        <p>&copy版权所有顺德职业技术学院，文哥</p>
    </div>
</body>
</html>